<template>
  <div class="settings">
    <div class="drawerItem">
      <ThemePicker></ThemePicker>
    </div>

    <div class="drawerItem">
      <div>显示标签栏</div>
      <el-switch v-model="isShowTagView"></el-switch>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useSettingStore } from "@/store/setting"

const settingStore = useSettingStore()

const isShowTagView = computed({
  get() {
    return settingStore.otherSettings.isShowTagsView
  },
  set(val) {
    settingStore.changeShowTagsView(val)
  }
})
</script>

<style scoped lang="scss">
.drawerItem {
  margin-bottom: 20px;
}
</style>
